<template>
	<view>
		<u-navbar placeholder fixed autoBack border title="补卡详情"></u-navbar>
		<view class="d-p-30" v-if="info">
			<view><text class="d-font-36" style="font-weight: bold;">人员信息</text></view>
			<view class="card d-m-t-30 d-p-30">
				<view class="d-font-28" style="font-weight: bold;">{{ info.xm }}</view>
				<view class="d-m-t-10 d-flex d-font-28">
					<view class="d-flex-1">
						<text class="lb">项目名称</text>
						<text class="d-m-l-10">{{ info.xmmc }}</text>
					</view>
				</view>
				<view class="d-m-t-10 d-flex d-font-28">
					<view class="d-flex-1">
						<text class="lb">班组名称</text>
						<text class="d-m-l-10">{{ info.bzmc }}</text>
					</view>
				</view>
				<view class="d-m-t-10 d-flex d-font-28">
					<view class="d-flex-1">
						<text class="lb">公民身份号码</text>
						<text class="d-m-l-10">{{ info.zjhm | str }}</text>
					</view>
				</view>
				<view class="d-m-t-10 d-flex d-font-28">
					<view class="d-flex-1">
						<text class="lb">所属区划</text>
						<text class="d-m-l-10">{{ info.districtName }}</text>
					</view>
					<view style="min-width: 260rpx;">
						<text class="lb">从事工种</text>
						<text class="d-m-l-10">{{ info.jsgz }}</text>
					</view>
				</view>
			</view>

			<view class="card d-m-t-30 d-p-30">
				<view class="d-flex d-font-28">
					<view class="d-flex-1">
						<text class="lb">补卡时间</text>
						<text class="d-m-l-10">{{ info.bksj }}</text>
					</view>
				</view>
				<view class="d-m-t-10 d-flex d-font-28">
					<view class="d-flex-1"><text class="lb">补卡理由</text></view>
				</view>
				<view class="d-font-28 in d-m-t-10">{{ info.bkyy }}</view>
			</view>

			<view class="d-m-t-30"><text class="d-font-36" style="font-weight: bold;">审核结果</text></view>
			<view class="card d-m-t-30 d-p-30 d-font-28">
				<view class="d-flex u-border-bottom" style="height: 80rpx;">
					<view class="d-flex-1 lb">审批意见</view>
					<view>{{ info.shyj }}</view>
				</view>
				<view class="d-flex u-border-bottom" style="height: 80rpx;">
					<view class="d-flex-1 lb">审批人</view>
					<view>{{ info.shry }}</view>
				</view>
				<view class="d-flex u-border-bottom" style="height: 80rpx;">
					<view class="d-flex-1 lb">审批时间</view>
					<view>{{ info.shsj }}</view>
				</view>
				<view class="d-flex" style="height: 80rpx;">
					<view class="d-flex-1 lb">审批状态</view>
					<view>{{ info.shjg == 1 ? '同意' : '拒绝' }}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import { rykqBkInfo, getDictInfo } from '../../../common/api.js';
export default {
	data() {
		return {
			info: null,
			jsgz_label: ''
		};
	},
	onLoad(e) {
		rykqBkInfo({
			id: e.id
		}).then(e => {
			this.info = e.data;
			// getDictInfo({
			// 	params: {
			// 		dictType: 'worktype',
			// 		dictValue: this.info.jsgz
			// 	}
			// }).then(e => {
			// 	this.jsgz_label = e.data || '无数据源';
			// });
		});
	}
};
</script>

<style lang="scss">
page {
	background-color: #fbfcfc;
	.card {
		box-shadow: 0rpx 5rpx 10rpx rgba(0, 0, 0, 0.05);
		border-radius: 10rpx;
		background-color: #ffffff;
		.lb {
			color: #5d6672;
		}
		.in {
			background-color: #f4f4f5;
			border-radius: 6rpx;
			padding: 10rpx;
		}
	}
}
</style>
